<%@ page contentType="text/html;charset=UTF-8" language="java" import="entity.*" %>
<html>
<head>
    <script>
        function yz() //封装一个<body>中做成点击事件的函数
        {
            var nn = document.getElementById('1','2'); //通过 id 名 找到 元素并重新 赋值
            if(nn.value=="") //判断条件
            {
                alert("预定日期和预定人不能为空，请填写！"); //输出不满足条件的提示内容
                return false;
            }
            else
            {
                return true; //满足条件时将执行表单的 action
            }
        }
    </script>
    <title>Title</title>
</head>
<body><form action="doadd.jsp">
<table border="1" style="text-align: center;margin: auto">
    <tr bgcolor="#a9a9a9"><td colspan="4" style="font-family: 宋体;font-size: 35px">会议室信息</td></tr>
    <tr><td>会议室名称：<select class="all" name="room_name"><option>第一会议室</option><option>第二会议室</option><option>第三会议室</option></select></td></tr>
    <tr><td>预定日期：<input class="all" type="text" name="destine_time"  id="1"></td></tr>
    <tr><td>预定者：<input class="all" type="text" name="destine_name"  id="2"></td></tr>
    <tr><td><input type="submit" value="预定" onclick="yz()"><input type="reset" value="重置"></td></tr>
</table></form>
</body>
</html>
